<template>
	<view>
		<u-navbar :is-back="true" :border-bottom="false" title="我的评论" title-color="white"
			:background="{backgroundColor: '#00a8ff'}">
		</u-navbar>

		<view class="bgf3f5f7">

			<view class="bgFFFFFF u-p-26 u-m-b-26" v-for="(item,index) in commentList" :key="index">
				<view class="zu">
					<u-avatar src="" size="60"></u-avatar>
					<view class="nameTitle">
						<view class="name">
							徐鑫 主治医师
						</view>
						<view class="time">
							2020.25.15 20:30
						</view>
					</view>
				</view>
				<view class="zu">
					<view class="name">
						做手术之前进行必要的术前准备是非常重要的，要尽量选择合适的时间，避免在月经期间进行。
					</view>
				</view>
				<view class="zu" style="background-color: #f5f4f7;border-radius: 10rpx;">
					<view class="u-p-15 u-flex">
						
						<image src="../../../../static/goods/p1.jpg" class="u-flex-1"
							style="width: 160rpx;height: 140rpx;border-radius: 10rpx;" mode=""></image>

						<text class="u-flex-2 name" style="margin-left: 15rpx;">
							做手术之前进行必要的术前准备是非常重要的，要尽量选择合适的时间，避免在月经期间进行。
						</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				commentList:''
			}
		},
		onLoad(e) {
			console.log(e);
			console.log("进入了我的评论");
			this.getccomment();
		},
	
		methods: {
			// 医生评论列表
			getccomment(){
				this.$apiCoupe.ccomment({
					limit: '',
					page: ''
				}).then((res) => {
					console.log("获取评论列表", res.data.data.items);
					this.commentList = res.data.data.items;
					console.log("", this.commentList);
				}).catch((err) => {
				
					console.log('request fail', err);
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.zu {
		padding: 10rpx 0;

		.nameTitle {
			display: inline-block;
			margin: 0 0 0 10rpx;

			.name {
				font-size: 24rpx;
			}

			.time {
				font-size: 20rpx;
				color: #b4b3b3;
			}
		}

		.name {
			font-size: 24rpx;
		}
	}
</style>
